// 该文件用来修改项目脚手架中默认的webpack 的配置的,
// 该文件中的配置项直接或覆盖node_modules 中的webpack相同的配置的, 
// 达到修改脚手架中自带的wenpack 的配置
const path = require('path')

module.exports = {
    // webpack 配置
    webpack: {
        // 配置别名
        alias: {
            // 约定：使用 @ 表示 src 文件所在路径
            '@': path.resolve(__dirname, 'src'),
            // 约定：使用 @scss 表示全局 SASS 样式所在路径
            // // 在 SASS 中使用
            // '@scss': path.resolve(__dirname, 'src/assets/styles')
        }
    },
    // style 配置
    // 作用: 可以允许你直接写css 直接使用px 单位, 该插件自动将你写的px 单位转成 vw和vh 单位
    style: {
        postcss: {
            mode: "extends",
            loaderOptions: {
                postcssOptions: {
                    ident: "postcss",
                    plugins: [
                        [
                            "postcss-px-to-viewport-8-plugin",
                            {
                                viewportWidth: 375, // 设计稿的视口宽度
                            },
                        ],

                        // pxtorem({
                        //     rootValue: 37.5,
                        //     propWhiteList: [],
                        //     minPixelValue: 2,
                        //     exclude: /node_modules/i
                        // }),
                    ],
                },
            },
        },
    }
}


